<!DOCTYPE html>
<html>
<head>
    <title>Dojo Start</title>
</head>
<!--<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"/>-->
<link rel="stylesheet" href="js/dijit/themes/claro/claro.css"/>
<link rel="stylesheet" href="css/demo.css"/>
<link rel="stylesheet" href="css/customewidget.css"/>

<body class="claro">
<h1>Demo: Using _Templated</h1>

<div data-dojo-type="custom.MyWidget" data-dojo-props="title:'Our Some Widget'">
    <div>Don't forget to click on the title!</div>

    <p>This is arbitrary content!</p>
    <button data-dojo-type="dijit.form.Button">My Button</button>

    <p>More arbitrary content!</p>
</div>


<script type="text/javascript">
    djConfig = {
//            isDebug: true,
        parseOnLoad: true,
        dojoBlankHtmlUrl: '/blank.html',
        // for CDN load dojo and the default value of dojo
        baseUrl: 'js/dojo/',
        locale: 'en-us',
        extraLocale: ['zh-cn'],
        modulePaths: {
            custom: '../custom'
        }
    };
</script>
<script src="js/dojo/dojo.js" type="text/javascript"></script>
<!--<script src="//ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js" type="text/javascript"></script>-->
<script>

    dojo.require("custom.MyWidget");
    dojo.ready(function () {
    });
</script>

</body>
</html>